<template>
	<view class="border">

		<view class="h-90 color-32 text-bold border">
			<view class="w-670">广发石油债券A(1564522)</view>
		</view>

		<view class="flex padding-top justify-between w-670">
			<view class="flex-sub fs-24 color-99">买入基金</view>
			<view class="flex-sub fs-24 color-99 text-right">交易规则</view>
		</view>

	
			<view class="cu-form-group w-670 fs-52">
				<view class="text-bold  color-32">¥</view>
				<input class=" text-bold color-32 " type="text" v-model="val" placeholder="最低买入100元" />
			</view>
		

		<view class="border">
			<view class="fs-24 color-47 padding-top padding-bottom w-670">
				买入费率1.50%0.15%,预计03月30日(星期二)，以03月29日（
				星期一)净值确认份额(卖出手续费详见交易规则)
			</view>
		</view>

		<view class=" flex payMethod w-670">
			<view class="flex-sub fs-32 color-47">付款方式</view>
			<view class="flex-sub fs-24  text-right">
				<view class=" fs-32 color-47">我的钱包</view>
				<view class="color-99 ">最多支付1000.00元</view>
			</view>
		</view>


	</view>

</template>

<script>
	export default{
		data(){
			val:''
		}
	}
</script>

<style scoped>
	.w-670 {
		width: 670rpx;
		margin: 0 auto;
	}

	.h-90 {
		height: 90rpx;
		line-height: 90rpx;
	}

	.h-120 {
		height: 120rpx;
		line-height: 120rpx;
	}

	.h-180 {
		height: 180rpx;
		line-height: 180rpx;
	}

	.fs-32 {
		font-size: 32rpx;
	}

	.fs-24 {
		font-size: 24rpx;
	}

	.fs-52 {
		font-size: 52rpx;
	}

	.color-47 {
		color: #474747;
	}

	.color-99 {
		color: #999999;
	}

	.color-32 {
		color: #323232;
	}

	.bg-f8 {
		background: #F8F7F7;
	}

	input {
		margin-left: 20rpx;
		font-size: 52rpx;

	}

	.payMethod {
		padding: 50rpx 0;
	}

	.btn-lg {
		height: 90rpx;
		background: #1F6CC0;
	}

	.border {
		border: 1px solid #E6E6E6FF;
	}
</style>
